<template>
  <div class="line_display">
    <!-- 折线图、面积图 -->
    <div class="gao_liang">
        <a-row>
            <a-col :xs="10" :sm="8" :md="7" :lg="5" :xl="4" style="text-align: right;">
                <span style="margin-right: 8px;">路径高亮</span>
                <a-tooltip>
                    <template slot="title">
                        突出通过该节点的路径
                    </template>
                    <a-icon type="exclamation-circle" />
                </a-tooltip>
                ：
            </a-col>
            <a-col :xs="14" :sm="16" :md="17" :lg="19" :xl="20">
                <a-switch checked-children="开" un-checked-children="关" v-model="form.display.highLightPath" />
            </a-col>
        </a-row>
        <a-row>
            <a-col :xs="10" :sm="8" :md="7" :lg="5" :xl="4" style="text-align: right;">
                <span style="margin-right: 8px;">节点详情</span>
                <a-tooltip>
                    <template slot="title">
                        查看节点详细信息
                    </template>
                    <a-icon type="exclamation-circle" />
                </a-tooltip>
                ：
            </a-col>
            <a-col :xs="14" :sm="16" :md="17" :lg="19" :xl="20">
                <a-switch checked-children="是" un-checked-children="否" v-model="form.display.showDetails" />
            </a-col>
        </a-row>
    </div>
  </div>
</template>

<script>
import bus from '@/views/components/bus';
  export default {
    props: ['display', 'form'],
    data() {
      return {
        chartForm: {},
      }
    },
    methods: {
      onSubmit () {
        return  true
      },
    },
    mounted() {
      bus.$on('verifyForm',(back)=>{
        back(this.onSubmit())
      }) 
    },
    beforeDestroy() {
      bus.$off('verifyForm')
    },
  }
</script>

<style scoped>
    .gao_liang div {
        line-height: 40px;
    }
</style>